<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>Hello APP</title>
<link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../../css/common.css" />
<style>
	body {
		background: none;
	}
	#header {
		border: none;
		background: none;
	}
	#header .back {
		margin-left: 0.5rem;
		background-image: url(../../image/common/back02.png);
		background-size: auto 1.4rem;
	}
</style>
</head>

<body>
	<header class="aui-bar aui-bar-nav aui-bar-light" id="header">
		<div class="aui-pull-left back" tapmode onClick="api.closeWin();"></div>
		<div class="aui-title"></div>
		<div class="aui-pull-right headRightBtn" tapmode onClick="openShare()"><img src="../../image/common/06.png" alt=""></div>
	</header>
</body>
<script type="text/javascript" src="../../script/import.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
		var header = $api.byId('header');
        $api.fixStatusBar(header);
    };
	//打开分享弹窗
	function openShare(){
		api.openFrame({
			name: 'share_mask',
			url: 'widget://html/share_mask.html',
			rect: {
				x: 0,
				y: 0,
				w: 'auto',
				h: 'auto'
			},
			bounces: false,
			animation: {
				type: 'fade',
				duration:300
			},
			pageParam: {
				wname: 'product_detail_win',
				fname: 'product_detail_frm',
				copyBtn: false
			}
		});
	}
	
</script>
</html>
